/*========公用=======*/
@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0; font-size: 14px;}
body,input,textarea,select,button,table{line-height:1.25em; }
body{font-family:"microsoft yahei";color:#334e67;-webkit-text-size-adjust:none;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
a{color:#666;text-decoration:none;outline: none;}
a,li{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a,button,input,li{-webkit-tap-highlight-color:rgba(255,0,0,0);}
table{border-collapse:collapse;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;outline:none;}
input,textarea,li,button{outline:none;}
a:visited{text-decoration:none}
caption,th {text-align:left;}
.cearl::after{ content: ""; display:block; height:1px; margin-top:-1px; clear:both;}
.clear{display:block; height:1px; margin-top:-1px; clear:both;}
a:hover{color: #35ACFF;}
.img{display: block; width: 100%;}
.ellipsis{overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
/*=图标字体=*/
@font-face {font-family: "iconfont";
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*========公用背景色=======*/
.w-bg{background: white;}

/*========公用字体颜色=======*/
.f-green{color: #9ac525;}
.f-red{color: #ff6161;}
.f-red2{color: #ff3300;}
.f-orange{color: #ff6600;}
.f-blue{color: #2c7ae0;}
.f-white{color: #ffffff;}
.f-yel{color: #ffae00;}
.red{color: #a40000}
/*========公共=======*/
.transition{transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;}



/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-dib{display:inline-block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-pa{position:absolute;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-fsi{font-style: inherit;}
/*=====新增=====*/
.f-mb10{ margin-bottom: 0.1rem;}
.f-mt10{margin-top: 0.1rem;}
.f-mt30{margin-top: 0.3rem;}
.f-mr10{margin-right: 0.1rem;}
.f-mr30{margin-right: 0.3rem;}
.f-ml10{margin-left: 0.1rem;}
.f-ml5{margin-left: 5px;}
.f-round{border-radius: 50%;}
.f-pb{padding-bottom: 4rem;}
.f-p10{padding:0 0.1rem;}


body{background-color: #fff;font-size: 14px;line-height: 22px;color: #031217;position: relative;-webkit-text-size-adjust: none;}
html{ width: 100%; height: 100%; }
.flex{display: flex; justify-content: space-between; align-items: center; flex-flow: row; }
/*登录*/
.login_body{display: flex; justify-content: right; align-items: center; width: 100%; height: 100%; background: #ffffff url(images/img_tuan.jpg) no-repeat left center / 61.75%;}
.login_box{width: 100%;  overflow: hidden;}
.login_box .banner{width: 61.75%;  overflow: hidden;}
.login_form{ position: relative;  overflow: hidden; width:27.75%; padding-right: 5.9%;}
.login_form .head{ line-height: 40px;}
.login_form .head .logo{font-size: 29px; font-weight: bold;}
.login_form .head .tit{font-size: 28px; font-weight: bold;}
.login_form .login_tab{display: flex; flex-flow: row;}
.login_form .login_tab li{flex: 1; text-align: center; position: relative; font-size: 22px; line-height: 40px; padding: 7px 0; margin-top: 40px; cursor: pointer;}
.login_form .login_tab li.on{font-weight: bold; color: #1E68FE;}
.login_form .login_tab li.on::after{content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -23px; width: 46px; height: 3px; background:#1E68FE;}
.form_box{margin-top: 30px;}
.form_box .li{min-height: 50px; margin-bottom: 23px;}
.form_box .bg{background: #F6F6F6; border-radius: 2px; padding: 0 4%;}
.form_box .li .ico{ width: 18px; height: 18px; background: url(images/icon_shouji.png) no-repeat center /contain;}
.form_box .li .ico.b2{background-image: url(images/icon_mima.png);}
.form_box .li .ico.b3{background-image: url(images/icon_yanzhengma.png);}
.form_box .li .info{width: 90%;}
.form_box .li .input{width: 100%; height: 30px; background: none;font-size: 17px; border: none;}
.form_box .li .input::placeholder{color: #A6A6A6;}
.form_box .li .db{width: 50%; height: 50px;}
.form_box .li .db .info{width:81%;}
.form_box .li .yzm_bnt{height: 50px; border: none; color: #A6A6A6; font-size: 13px; cursor: pointer; width: 39%; padding: 0;}
.form_box .li .yzm_bnt.ed{opacity: .7;}
.save_bnt{background: #1E68FE; font-size: 17px; border: none; border-radius: 8px; display: block; height: 55px; width: 100%; color: #fff; font-size: 20px; cursor: pointer;}
.save_bnt:hover{background: #0033ff;}

@media screen and (min-width:1400px) {
    .form_box .li{min-height: 60px; margin-bottom: 28px;}
    .form_box .li .ico{ width: 21px; height: 21px;}
    .login_form .head .tit,.login_form .head .logo{font-size: 34px;}
    .login_form .login_tab li{font-size: 26px;}
    .form_box .li .input{font-size: 20px;}
    .form_box .li .yzm_bnt{font-size: 16px;}
    .save_bnt{height: 66px;font-size: 24px;}
}
@media screen and (max-width:1050px) {
    .form_box .li{min-height: 40px; margin-bottom: 19px;}
    .form_box .li .ico{ width: 15px; height: 15px;}
    .login_form .head .tit,.login_form .head .logo{font-size: 24px;}
    .login_form .login_tab li{font-size: 18px;}
    .form_box .li .input{font-size: 14px;}
    .form_box .li .yzm_bnt{font-size: 12px;}
    .save_bnt{height: 46px;font-size: 17px;}
}




